<template>
  <div class="approvals-container">
    <div class="app-container">
      <h2>审批</h2>
      <!-- 要求输入框输入的值 必须是>0的整数 -->
      <input :value="msg" type="text" @input="change">
    </div>
  </div>
</template>

<script>
export default {
  name: 'Approvals',
  data() {
    return {
      msg: ''
    }
  },
  methods: {
    // 第一次输入一个字母, 将msg设置为99, 再次在输入框输入 -号, 视图不更新
    change(e) {
      // console.log(e.target.value)
      const v = e.target.value
      // console.log(v)
      if (!Number(v)) {
        this.msg = 1
        this.$forceUpdate() // 强制更新视图
        return
      }
      if (v <= 0) {
        console.log('负数')
        this.msg = 100
        console.log('赋值结束')
        this.$forceUpdate() // 强制更新视图
        return
      }
    }
  }
  // msg之前是'', 由于输入了字母,  msg被赋值为 1
  // 清空输入框再次输入字母a, 视图不更新  之前是1  现在还要改成 1

  // 购物车输入框
}
</script>

<style></style>
